<template>
  <div>
    --
    <p>{{ props.age }}}</p>
    --
    <p>{{ props.name }}}</p>
  </div>
</template>

<script setup lang="ts">
const emit = defineEmits<{
  change: (value: string) => void;
}>();
// const props = withDefaults(defineProps<{ name: string; age: number }>(), {
//   name: "haha",
//   age: 123,
// });
const props = defineProps<{ name: string; age: number }>();
</script>

<style scoped></style>
